<template>
  <div>
    <el-card v-for="member in members" :key="member.id">
      <el-row type="flex" align="middle">
        <el-col
          :span="7"
          class="name"
          :style="{fontSize: member.name.length>3 ? (member.name.length>4? '1.4em': '1.8em'): '2em'}"
        >{{ member.name }}</el-col>
        <el-col :span="10" class="fund">
          <el-row>{{ member.finalFund }}元</el-row>
          <el-row class="outdate">{{ member.outdate }}</el-row>
        </el-col>
        <!-- <el-col>{{ this.detail.already_raised }}</el-col> -->
        <el-col :span="7" class="out">
          <el-row class="outtext">已出局</el-row>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script>
// import modian from "../utils/modian";
export default {
  props: ["members"]
};
</script>

<style scoped>
.name {
  font-size: 2em;
  font-weight: bold;
  text-align: justify;
}

.fund {
  height: 2em;
  font-size: 1.5em;
}

.outdate {
  font-size: 0.5em;
  font-weight: 100;
}

.out {
  text-align: right;
}

.outtext {
  font-size: 2em;
  color: red;
  text-decoration: none;
  margin-right: 0.1em;
}
</style>
